<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="../css/dl.css" rel="stylesheet">
    <script src="../bootstrap/js/jquery.min.js"></script>
    <script src="../bootstrap/js/bootstrap.min.js"></script>
    <title>登录</title>
</head>
<body>
<div id="dlall">
    <!--导航栏-->
    <div class="w-nav">
        <img src="../image/logo_defend.png" style="float: left">
        <ul class="nav">
            <li class="w-nobackgr"><a href="homepage.html">首页</a></li>
            <li class="w-nobackgr"><a href="#">防骗预警</a></li>
            <li class="w-nobackgr"><a href="#">相关资讯</a></li>
            <li class="w-nobackgr"><a href="gybz.html">关于本站</a></li>
            <li class="w-nobackgr"><a href="#">联系我们</a></li>
        </ul>
        <div class="w-dl"><a href="dl.html">登录</a></div>
    </div>
    <!--导航栏end-->
    <!--介绍&登录-->
    <div class="container">
        <div class="row" style="margin-bottom: 0px">
            <!--介绍-->
            <div class="col-lg-5 col-md-5 col-sm-5 w-js">
                <p>Defend是互联网不良信息举报和搜索平台。</p>
                <p>本网站以及手机APP今天共计收到1335312条举报。</p>
                <p>对于恶意信息，比如诈骗电话、垃圾邮件等，您可以在本站或者我们的手机APP上进行举报。</p>
                <p>当您遇到可疑信息时，可以在本站进行查询电话号码、QQ号等是否为诈骗，等等。</p>
                <p>在本站上传举报信息请务必保证您提交的信息的真实性。</p>
                <p>现已推出手机APP，欢迎广大用户下载。</p>
                <div class="pic1">
                    <a href="#">
                        <img src="../image/Apple-logo.png">
                        <p>iPhone版</p>
                    </a>
                </div>
                <div class="pic2">
                    <a href="#">
                        <img src="../image/Android_logo.png">
                        <p>Android版</p>
                    </a>
                </div>
            </div>
            <!--介绍end-->
            <!--登录注册-->
            <div class="col-lg-4 col-lg-offset-2 col-md-4 col-md-offset-1">
                <div class="w-dlbox">
                    <ul id="myTab" class="nav nav-tabs">
                        <li class="active w-dlcontent">
                            <a href="#home" data-toggle="tab">登录</a>
                        </li>
                        <li class="w-zccontent"><a href="#zc" data-toggle="tab">注册</a></li>
                    </ul>
                    <div id="myTabContent" class="tab-content">
                        <div class="tab-pane fade in active" id="home">
                            <input type="text" class="form-control" placeholder="用户名">
                            <p class="yincang">用户名不能为空/用户名或密码错误</p>
                            <input type="text" class="form-control" placeholder="密码">
                            <p class="yincang">密码不能为空</p>
                            <span style="float: right;font-size: 11px;text-decoration: underline;display: block;margin-top:-22px"><a href="">忘记密码</a></span><br>
                            <input type="text" class="form-control" placeholder="验证码" style="width:130px;float: left;margin-top:-15px">
                            <img src="../image/p0.jpg" style="float:left;margin-top:-15px">
                            <a class="w-hyz" style="display:block;margin-top:-15px">换一张</a>
                            <p class="yincang">验证码错误</p>
                            <input type="button" class="btn w-dlbtn" value="登    &nbsp;&nbsp;&nbsp;录">
                            <hr>
                            <span><a>QQ登录</a></span>
                            <span><a style="margin-left: 20px">微信登录</a></span>
                            <span><a style="float: right">游客匿名登录</a></span>
                        </div>
                        <div class="tab-pane fade" id="zc">
                            <input type="text" class="form-control" placeholder="请输入用户名">
                            <input type="text" class="form-control" placeholder="请输入密码">
                            <input type="text" class="form-control" placeholder="再次确认您的密码">
                            <input type="button" class="btn w-zcbtn" value="快速注册">
                        </div>
                    </div>
                </div>
            </div>
            <!--登录注册-->
        </div>
    </div>
    <!--介绍&登录end-->
    <!--底部-->
    <div class="w-footer">
        <h4>友情链接</h4>
        <span><a href="#"> 人民网 </a>|<a href="#"> 新华网 </a>|<a href="#"> 中国网络电视台 </a>|<a href="#"> 中国网 </a>|<a href="#"> 国际在线 </a>|<a href="#"> 中国日报网 </a>|<a href="#"> 中青网 </a>|<a href="#"> 中国经济网 </a>|<a href="#"> 中国台湾网 </a>|<a href="#"> 中国广播网 </a>|<a href="#"> 中国新闻网 </a>|</span><br>
        <span><a href="#">汽车之家 </a>|<a href="#"> 新浪 </a>|<a href="#"> 搜狐 </a>|<a href="#"> 百度 </a>|<a href="#"> 腾讯网 </a>|<a href="#"> 网易 </a>|<a href="#"> 淘宝网 </a>|<a href="#">优酷网 </a>|<a href="#"> 土豆网 </a>|<a href="#"> 第一视频 </a>|<a href="#"> 乐视网 </a>|<a href="#"> 酷6网 </a>|<a href="#"> 奇虎 </a>|<a href="#"> 中华网 </a>|<a href="#"> tom </a
                >|<a href="#"> 更多</a>|</span><br>
        Copyright © 1998 - 2016 Talk. All Rights Reserved.
    </div>
    <!--底部end-->
</div>
</body>
</html>
<script>
    $(function () {
        $('#myTab li:eq(0) a').tab('show');
    });
</script>
<script>
    total = window.screen.availHeight-60;
    document.getElementById("dlall").style.height=total+"px";
</script>